<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0， user-scalable=0">
    <title>文件</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/file.css">
    <script src="./js/flexible.js"></script>
</head>

<body>
    <header class="search-content w">
        <div class="search-box">
            <span class="tx"></span>
            <input class="search" type="search" name="" id="" placeholder="搜索 “福利社”">
            <i class="upload">&#xe60c;</i>
            <i class="list">&#xe600;</i>
        </div>
    </header>
    <section class="file-list w">
        <ul>
            <li>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>下载</h4>
                    <span>2022-05-14</span>
                </div>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>应用程序</h4>
                    <span>2022-03-12</span>
                </div>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>资源库</h4>
                    <span>2022-03-07</span>
                </div>
            </li>
            <li>
                <div class="row">
                    <img src="./icon/find/word.svg" alt="">
                    <h4>体检表</h4>
                    <span>2022-01-20</span>
                </div>
                <div class="row">
                    <img src="./icon/find/excel.svg" alt="">
                    <h4>成绩汇总表</h4>
                    <span>2022-01-12</span>
                </div>
                <div class="row">
                    <img src="./icon/find/word.svg" alt="">
                    <h4>报名表</h4>
                    <span>2022-03-07</span>
                </div>
            </li>
            <li>
                <div class="row">
                    <img src="./icon/find/ppt.svg" alt="">
                    <h4>画册</h4>
                    <span>2022-05-14</span>
                </div>
                <div class="row">
                    <img src="./icon/find/ppt.svg" alt="">
                    <h4>产品画册(2)</h4>
                    <span>2022-03-12</span>
                </div>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>assert</h4>
                    <span>2022-05-14</span>
                </div>
            </li>
            <li>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>Audio</h4>
                    <span>2022-05-14</span>
                </div>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>AWD</h4>
                    <span>2022-05-14</span>
                </div>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>Caches</h4>
                    <span>2022-05-14</span>
                </div>
            </li>
            <li>
                <div class="row">
                    <img src="./icon/find/file.svg" alt="">
                    <h4>CardKit</h4>
                    <span>2022-05-14</span>
                </div>

            </li>

        </ul>
    </section>
    <span class="file-add">&#xe727;</span>
    <footer class="footer">
        <ul>
            <li>发现</li>
            <li>文件</li>
            <li>相册</li>
            <li>笔记</li>
            <li>文档</li>
            <li>&#xe672;</li>
        </ul>
    </footer>
</body>

</html>